<html>
<head>
  <title>Devcathlon: Edit Profile</title>
  <link rel="stylesheet" type="text/css" href="style/boilerplate/chrometheme/chromestyle2.css" />

  <script type="text/javascript" src="style/boilerplate/chromejs/chrome.js">

  /***********************************************
  * Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  * This notice MUST stay intact for legal use
  * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  ***********************************************/

  </script>
  
  <link rel="stylesheet" type="text/css" href="style/boilerplate/screen.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="style/boilerplate/print.css" media="print" />
  <style>
    .entry {border-top: 1px solid #3366CC; margin-top: 1px;}
  </style>
</head>

<body>
  <div id="page"> 
    <div id="header">
      <div align="right" style="margin-top: -100px;"><img src="logo.jpg"></div>
      <div class="chromestyle" id="chromemenu">
      <ul>
        <li><a href="index.loggedin.html">Home Page</a></li>
        <li><a href="myprofile.html" rel="profiledrop">My Profile</a></li>
        <li><a href="browseProfiles.html">Browse Profiles</a></li>
        <li><a href="#" rel="dropmenu1">Matches</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="#" rel="dropmenu2">Hall of Fame</a></li>
        <li><a href="#" rel="dropmenu3">Help</a></li>        
        <li><a href="">         </a></li>
        <li><a href="index.html">Logout!</a></li> 
      </ul>      
    </div>
    
<!--Drop down menu for My Profile -->                                                   
<div id="profiledrop" class="dropmenudiv">
  <a href="editProfile.html">Edit Profile</a>
  <a href="myteams.html">My Teams</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv">
  <a href="publicMatches.html">Public Matches</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--2nd drop down menu -->                                                
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
  <a href="topTeams.html">Top Teams</a>
  <a href="TopIndividuals.html">Top Individuals</a>
</div>

<!--3rd drop down menu -->                                                   
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
  <a href="help.html">FAQ</a>
  <a href="contact.html">Contact Info</a>
</div>

<script type="text/javascript">

  cssdropdown.startchrome("chromemenu")

</script>

<!-- -------------- Page contents begins --------------- -->


<div class="wrapper">

<h2>Edit My Profile</h2>
<p>Edit your information here. Change your email, PW, etc.
  <blockquote>
    <form name="form1" method="post" action="">
      <label></label>
      <label></label>
    </form>
    <form action="" method="post" enctype="multipart/form-data" name="form10">
      <table border="0" cellspacing="1" cellpadding="0" width="100%">
        <tr>
          <td><p>Edit Profile <strong>John</strong></p></td>
        </tr>
        <tr>
          <td><p>Registration Required Information    - All fields are required.</p></td>
        </tr>
        <tr>
          <td><p>Email &amp; Password </p>
              <table border="0" cellspacing="3" cellpadding="0" width="100%">
                <tr>
                  <td>Please click the button below to      edit your email address and password. </td>
                </tr>
                <tr>
                  <td><p>
                    <INPUT TYPE="submit" VALUE="Edit Email & Password" NAME="gotopassword">
                  </p></td>
                </tr>
            </table></td>
        </tr>
      </table>
      <div align="center">
        <table border="0" cellspacing="1" cellpadding="0" width="100%">
          <tr>
            <td><p>Optional Information - All    information will be viewable by other  members.</p>
            <p>Your Current Profile Picture </p>
            <table border="0" cellspacing="3" cellpadding="0">
              <tr>
                <td valign="top"><img src="img.jpg" width="50" height="50"></td>
                <td valign="top"><p>Profile pictures are small pictures of your self, that are    displayed within your user profile.</p></td>
              </tr>
            </table>
            <p>Custom Profile Picture <br>
              You may upload a new custom image  using the controls below. <br>
  <br>
              Option 1 - Enter the URL to the Image on Another Website <br>
  <INPUT TYPE="text" SIZE="45" NAME="avatarurl" VALUE="http://www.">
  <br>
              Option 2 - Upload Image From Your  Computer </p>
            <p>
              <label>Image File
              <input type="file" name="Image File" id="Image File">
              </label>
            </p>
            <p>Note: The maximum size of your  custom image is 640 by 480 pixels or 64.0 KB (whichever is smaller). </p></td>
          </tr>
          <tr>
            <td><p>Custom User Title 
              <label></label>
            </p>
                <table border="0" cellspacing="3" cellpadding="0" width="100%">
                  <tr>
                    <td colspan="2">This is the title that appears      beneath your name on your posts. Check the 'Reset' box if you wish to use      the default title for your usergroup and post count. </td>
                  </tr>
                  <tr>
                    <td><p>Your current user title is<br>
                            <strong>Elite Member</strong></p></td>
                    <td><p align="right">
                      <INPUT TYPE="checkbox" NAME="resettitle" VALUE="yes">
                      Reset</p></td>
                  </tr>
                  <tr>
                    <td><p>Custom User Title<br>
                            <INPUT TYPE="text" MAXLENGTH="25" SIZE="50" NAME="customtext">
                    </p></td>
                    <td></td>
                  </tr>
                </table>
              <p>
                  <!--  function clear_birthday()  {  	fetch_object('bd_month').selectedIndex = 0;  	fetch_object('bd_day').selectedIndex = 0;  	fetch_object('bd_year').value = '';  }  //-->
                Date of Birth </p>
              <table border="0" cellspacing="3" cellpadding="0" width="100%">
                  <tr>
                    <td colspan="3"><br>
                      Your date of birth and age are      displayed in several places on the site. Only the administrator will have      access to your date of birth should you choose to hide it via the privacy      option below. </td>
                  </tr>
                  <tr>
                    <td><table border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td><p>Month</p></td>
                          <td><p>Day</p></td>
                          <td><p>Year (Optional)</p></td>
                        </tr>
                        <tr>
                          <td><p>
                            <SELECT NAME="month">
                                <OPTION SELECTED VALUE="-1">
                                <OPTION VALUE="01">January  
                              <OPTION VALUE="02">February  
                              <OPTION VALUE="03">March  
                              <OPTION VALUE="04">April  
                              <OPTION VALUE="05">May  
                              <OPTION VALUE="06">June  
                              <OPTION VALUE="07">July  
                              <OPTION VALUE="08">August  
                              <OPTION VALUE="09">September  
                              <OPTION VALUE="10">October  
                              <OPTION VALUE="11">November  
                              <OPTION VALUE="12">December  
                            </SELECT>
                            &nbsp;</p></td>
                          <td><p>
                            <SELECT NAME="day">
                                <OPTION SELECTED VALUE="-1">
                                <OPTION VALUE="01">1  
                              <OPTION VALUE="02">2  
                              <OPTION VALUE="03">3  
                              <OPTION VALUE="04">4  
                              <OPTION VALUE="05">5  
                              <OPTION VALUE="06">6  
                              <OPTION VALUE="07">7  
                              <OPTION VALUE="08">8  
                              <OPTION VALUE="09">9  
                              <OPTION VALUE="10">10  
                              <OPTION VALUE="11">11  
                              <OPTION VALUE="12">12  
                              <OPTION VALUE="13">13  
                              <OPTION VALUE="14">14  
                              <OPTION VALUE="15">15  
                              <OPTION VALUE="16">16  
                              <OPTION VALUE="17">17  
                              <OPTION VALUE="18">18  
                              <OPTION VALUE="19">19  
                              <OPTION VALUE="20">20  
                              <OPTION VALUE="21">21  
                              <OPTION VALUE="22">22  
                              <OPTION VALUE="23">23  
                              <OPTION VALUE="24">24  
                              <OPTION VALUE="25">25  
                              <OPTION VALUE="26">26  
                              <OPTION VALUE="27">27  
                              <OPTION VALUE="28">28  
                              <OPTION VALUE="29">29  
                              <OPTION VALUE="30">30  
                              <OPTION VALUE="31">31  
                            </SELECT>
                            &nbsp;</p></td>
                          <td><p>
                            <INPUT TYPE="text" MAXLENGTH="4" SIZE="4" NAME="year">
                          </p></td>
                          <td rowspan="2"><p>&nbsp; </p></td>
                        </tr>
                        <tr>
                          <td></td>
                          <td></td>
                          <td></td>
                        </tr>
                      </table>
                        <p> </p></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td><p>Privacy<br>
                            <SELECT NAME="showbirthday">
                              <OPTION SELECTED VALUE="0">Hide Age and Date of Birth  
                              <OPTION VALUE="1">Display Only Age  
                              <OPTION VALUE="3">Display Only Day and Month of Birth  
                              <OPTION VALUE="2">Display Age and Full Date of Birth  
                      </SELECT>
                    </p></td>
                    <td></td>
                    <td></td>
                  </tr>
                </table>
              <p>Home Page URL </p>
              <table border="0" cellspacing="3" cellpadding="0" width="100%">
                  <tr>
                    <td><br>
                      If you would like to let other      visitors to this site know the URL of your own web site, enter it here. </td>
                  </tr>
                  <tr>
                    <td><p>Home Page URL<br>
                            <INPUT TYPE="text" MAXLENGTH="200" SIZE="50" NAME="homepage">
                    </p></td>
                  </tr>
                </table>
              <p>Instant Messaging </p>
              <table border="0" cellspacing="3" cellpadding="0" width="100%">
                  <tr>
                    <td colspan="2"><br>
                      You may enter your registered      identity for the instant messaging networks if you would like other      visitors to be able to contact you using that medium. </td>
                  </tr>
                  <tr>
                    <td><p>ICQ Number<br>
                            <img width="17" height="17" src="editProfile_clip_image001.gif" alt="http://www.forumshawaii.net/vbb/images/misc/im_icq.gif">
                      <INPUT TYPE="text" MAXLENGTH="30" SIZE="25" NAME="icq">
                    </p></td>
                    <td><p>AIM Screen Name<br>
                            <img width="17" height="17" src="editProfile_clip_image002.gif" alt="http://www.forumshawaii.net/vbb/images/misc/im_aim.gif">
                      <INPUT TYPE="text" MAXLENGTH="30" SIZE="25" NAME="aim">
                    </p></td>
                  </tr>
                  <tr>
                    <td><p>MSN Messenger Handle<br>
                            <img width="17" height="17" src="editProfile_clip_image003.gif" alt="http://www.forumshawaii.net/vbb/images/misc/im_msn.gif">
                      <INPUT TYPE="text" MAXLENGTH="50" SIZE="25" NAME="msn">
                    </p></td>
                    <td><p>Yahoo! Messenger Handle<br>
                            <img width="17" height="17" src="editProfile_clip_image004.gif" alt="http://www.forumshawaii.net/vbb/images/misc/im_yahoo.gif">
                      <INPUT TYPE="text" MAXLENGTH="30" SIZE="25" NAME="yahoo">
                    </p></td>
                  </tr>
                  <tr>
                    <td><p>Skype Name<br>
                            <img width="17" height="17" src="editProfile_clip_image005.gif" alt="http://www.forumshawaii.net/vbb/images/misc/im_skype.gif">
                      <INPUT TYPE="text" MAXLENGTH="32" SIZE="25" NAME="skype">
                    </p></td>
                    <td><p>&nbsp;</p></td>
                  </tr>
              </table></td>
          </tr>
        </table>
      </div>
      <div align="center">
        <table border="0" cellspacing="1" cellpadding="0" width="100%">
          <tr>
            <td><p>Additional Information</p></td>
          </tr>
          <tr>
            <td><p>Biography </p>
                <table border="0" cellspacing="3" cellpadding="0" width="100%">
                  <tr>
                    <td><br>
                      A few details about yourself </td>
                  </tr>
                  <tr>
                    <td><p>
                      <label>
                      <textarea name="bio" id="bio" cols="45" rows="5"></textarea>
                      </label>
                    </p></td>
                  </tr>
                </table>
              <table border="0" cellspacing="3" cellpadding="0" width="100%">
                  <tr>
                    <td><p>Where you live</p></td>
                  </tr>
                  <tr>
                    <td><p>
                      <INPUT TYPE="text" MAXLENGTH="100" SIZE="25" NAME="userfield[field2]" VALUE="Honolulu">
                    </p></td>
                  </tr>
                </table>
              <table border="0" cellspacing="3" cellpadding="0" width="100%">
                  <tr>
                    <td><p>Your hobbies, etc</p></td>
                  </tr>
                  <tr>
                    <td><p>
                      <INPUT TYPE="text" MAXLENGTH="100" SIZE="25" NAME="userfield[field3]">
                    </p></td>
                  </tr>
                </table>
              <table border="0" cellspacing="3" cellpadding="0" width="100%">
                  <tr>
                    <td><p>Your job</p></td>
                  </tr>
                  <tr>
                    <td><p>
                      <INPUT TYPE="text" MAXLENGTH="100" SIZE="25" NAME="userfield[field4]" VALUE="Student">
                    </p>
                    <p> Email Notifications</p>
                    <table border="0" cellspacing="3" cellpadding="0" width="100%">
                      <tr>
                        <td><br>
                          From time to time, the      administrators may want to send you email notices.<br>
                          <br>
                          If you do not want to receive these notices, disable this option. </td>
                      </tr>
                      <tr>
                        <td><p>
                            <INPUT TYPE="checkbox" CHECKED NAME="options[adminemail]" VALUE="1">
                          Receive      Email from Administrators</p></td>
                      </tr>
                      <tr>
                        <td><p>You can allow other members to      send you email messages.</p></td>
                      </tr>
                      <tr>
                        <td><p>
                            <INPUT TYPE="checkbox" NAME="options[showemail]" VALUE="1">
                          Receive      Email from Other Members</p>
                          <p>You can allow notifications to be send to your email, IM, and/or sms</p>
                          <p>
                            <INPUT TYPE="checkbox" NAME="options[showemail]2" VALUE="1"> 
                            Send notifications to email
</p>
                          <p>
                            <INPUT TYPE="checkbox" NAME="options[showemail]3" VALUE="1">
                            Send notifications toIM</p>
                          <p>
                            <INPUT TYPE="checkbox" NAME="options[showemail]4" VALUE="1">
                            Send notifications to phone via SMS 
                            <label>Phone #:
                            <input type="text" name="Phone" id="Phone">
                            </label>
                          </p>
                        </td>
                      </tr>
                    </table></td>
                  </tr>
                </table>
              <p align="center">
                <INPUT TYPE="submit" VALUE="Save Changes">
                <INPUT TYPE="reset" VALUE="Reset Fields">
              </p></td>
          </tr>
        </table>
      </div>
      <p>&nbsp;</p>
    </form>
    <p>&nbsp;</p>
    <p><br>
    </p>
  </blockquote>
  <div id="footerFeedback">
  <p>&nbsp;</p>
  <p>This is the my profile page, edit information</p>
</div>

</div> <!-- End id=page -->

</body>
</html>
